<template>
	<div class="land">
		<div class="padding">
			<span class="back" @click="goBack">
				<img src="../../../static/img/arrow_left@3x.png" alt="">
			</span>
			<h1 class="title">我的钱包</h1>
		</div>
		<img src="../../../static/img/JQQD@3x.png" alt="">
	</div>
</template>
<script>
 /* eslint-disable */
export default{
  mounted () {
    this.init()
  },
  methods: {
    goBack () {
      this.$router.go(-1)
	},
	init () {
      if (localStorage.getItem('token') === null){
        this.$router.push('/login')
      }
    }
  }
}
</script>
<style lang="stylus" scoped>
	.land{
		position fixed
		top 0
		bottom 0
		left 0
		right 0
		background-size: 16rem 12rem;
	}	
	*{
		text-align: left;
		box-sizing: border-box;
	}
	.padding {
		padding 0 2rem
		background:#fff;
		border-bottom:5px solid #f6f6f6;
	}
	.land img{
		width 80%
		display block
		margin 50px auto
	}
	.land span.back{
		float left
		width 0.6rem
		height 1rem
		background-size 0.5rem 1rem;
		margin-top 1.5rem
		img{
			width 100%
			height 100%
			margin 0
		}
	}
	.text{
		background:#f4f4f4;
		padding:1rem 2rem 1rem 1rem;
		text-align: left;
		line-height:1.2rem; 
	}
	.title {
		font-family PingFang-SC-Medium 
		font-size 1.2rem 
		font-weight normal 
		font-stretch normal 
		line-height 4rem 
		letter-spacing 0rem 
		color #333333 
		text-align center
	}
	.content {
		margin-top:5px;
	}
	.real{
		height:3rem;
		line-height:3rem;
	}
	.real a{
		display:block;
		background-size: 0.5rem 1rem;
		color:#333;
	}
	
	.xgma{
		margin-top:2px;
		height:3rem;
		line-height:3rem;
		color:#333;
	}
	.xgma a{
		display:block;
		background-size: 0.5rem 1rem;
		color:#333;
	}
	.list{
		margin-top:20px;
	}
	.listo{
		margin-top:1px;
	}
</style>